.home{
    .home-nav{
        height: 100px;
        .home-title{
            text-align: left;
            background-color: #fff;
            span{
                padding: 10px;
                color: #999999;
            }
            .home-time{
                margin-top: 5px;
                span{
                    font-size: 16px;
                    color: #555;
                    font-weight: bold;
                }
            }
        }
        .van-nav-bar__left{
            padding-left: 10px;
            padding-right: 0;
        }
        .van-nav-bar__right{
            padding-right: 0;
        }
        
        .home-bar{
            // text-align: left;
            .bar-title{
                font-size: 20px;
                font-weight: bold;
                padding-right: 10px;
            }
        }
    }
    .home-banner{
        margin: 0 10px;
        border-radius: 10px;
        overflow: hidden;
        .imgTitle{
            position: absolute;
            top: 20px;
            left: 20px;
            font-size: 16px;
            color: #21b276;
        }
        .banner-indicator{
            position: absolute;
            right: 10px;
            bottom: 10px;
            display: flex;
            .banner-item{
                width: 10px;
                height: 3px;
                background-color: #f7f7f7;
                margin: 0 3px;
                &.active{
                    background-color: #21b276;
                }
            }
        }
    }
    .home-gird{
        margin-top: 10px;
        .home-gird-box{
            width: 60%;
            height: 60%;
        }
        .van-grid-item__content--center{
            border-radius: 10px;
            box-shadow: #ccc 0px 2px 2px 1px ;
            span{
                margin-top: 5px;
                font-size: 16px;
                color: #999999;
            }
        }
    }
    .home-hotgoods{
        margin-top: 20px;
        .hotgoods-title{
            display: flex;
            justify-content: space-between;
            .title{
                text-align: left;
                span{
                    padding-left: 10px;
                    font-size: 20px;
                    color: #333;
                    font-weight: bold;
                }
            }
            .more{
                padding-right: 10px;
                span{
                    display: inline-block;
                    width: 26px;
                    height: 26px;
                    background: url(../images/more.png) no-repeat;
                    background-size: 40px;
                    background-position: -6px -7px;
                }
            }
        }
        .hotgoods-list{
            margin-top: 10px;
        }
    }
}